<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <div id="app">
    <div>
      用户名:
      <input type="text" id="username">
      <br> 密码:
      <input type="password" id="password">
      <br>
      <span style="color: red"></span>
      <button>登录</button>
    </div>
  </div>
  <script type="text/javascript" src="js/vue.js"></script>
  <script type="text/javascript">
    // 需求: 点击按钮, 要得到用户在输入框输入的用户名和密码,如果用户名和密码是zhangsan和123456, 则在span标签内部显示: 登录成功, 否则显示用户名或者密码错误
    // 使用v-on的方式对button进行点击事件的监听
  </script>
</body>

</html>